<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* iterator => 
            next()  => 下一个
            调用next 方法之后一个返回值
                value   iterator第几个
                done    还有数据false,没有数据了true
        */
        // function* fn() {
        //     yield setTimeout(() => {
        //         console.log("11111111");
        //         f.next();
        //     }, 2000);
        //     yield setTimeout(() => {
        //         console.log("22222222");
        //         f.next();
        //     }, 1000);
        //     yield setTimeout(() => {
        //         console.log("33333333");
        //         f.next();
        //     }, 1500);
        // }
        // let f = fn();
        // f.next();


        // function* fn() {
        //     /* yield 产出 */
        //     yield setTimeout(() => {
        //         console.log(f.next());
        //     }, 2000);
        //     yield setTimeout(() => {
        //         console.log(f.next());
        //     }, 1000);
        //     yield setTimeout(() => {
        //         console.log(f.next());
        //     }, 1500);
        // }
        // let f = fn();
        // console.log(f.next());
    </script>
</body>

</html>